import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface StopCircleCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const StopCircleCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: StopCircleCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.28 2.024c-2.109.185-3.979.926-5.561 2.201-1.675 1.351-2.908 3.28-3.416 5.346-.216.881-.277 1.41-.277 2.429s.061 1.548.277 2.429c.886 3.607 3.839 6.502 7.457 7.311.844.189 1.287.236 2.24.236.953 0 1.396-.047 2.24-.236 3.618-.809 6.571-3.704 7.457-7.311.213-.869.276-1.413.278-2.409.001-.976-.043-1.404-.235-2.26-.458-2.049-1.658-4.025-3.26-5.369-1.824-1.531-3.915-2.321-6.26-2.368a15.89 15.89 0 0 0-.94.001m2.04 5.496c.999.058 1.521.219 2.025.624.629.506.937 1.043 1.083 1.889.089.516.101 3.268.017 3.827-.132.873-.431 1.435-1.035 1.942-.434.364-.878.546-1.57.642-.524.074-3.156.074-3.68 0-.878-.122-1.449-.423-1.962-1.034-.536-.638-.663-1.156-.703-2.85-.026-1.139.026-2.326.121-2.76.128-.588.354-.999.778-1.418.59-.582 1.14-.797 2.206-.86a27.728 27.728 0 0 1 2.72-.002"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
